<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/pages/stock_manage/";
%>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <base href="<%= basePath %>"/>
    <title>库存管理</title>
    <style>
        body {
            margin: 0;
            font-family: 'Segoe UI', 'Arial', sans-serif;
            background: #f5f6fa;
        }
        .header {
            background: #4f8cff;
            color: #fff;
            padding: 24px 0 18px 0;
            text-align: center;
            font-size: 2rem;
            font-weight: bold;
            letter-spacing: 2px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.04);
        }
        .container {
            max-width: 1200px;
            margin: 30px auto;
            padding: 0 20px;
        }
        .features {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 25px;
            margin-top: 30px;
        }
        .feature-card {
            background: #fff;
            border-radius: 12px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.05);
            padding: 30px;
            text-align: center;
            transition: transform 0.3s, box-shadow 0.3s;
        }
        .feature-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 6px 16px rgba(0,0,0,0.1);
        }
        .feature-icon {
            font-size: 3rem;
            margin-bottom: 20px;
        }
        .feature-title {
            font-size: 1.4rem;
            color: #333;
            margin-bottom: 15px;
        }
        .feature-description {
            color: #666;
            line-height: 1.6;
            margin-bottom: 20px;
        }
        .btn {
            display: inline-block;
            padding: 10px 25px;
            background: #4f8cff;
            color: #fff;
            text-decoration: none;
            border-radius: 6px;
            font-size: 1rem;
            transition: background 0.2s;
        }
        .btn:hover {
            background: #357ae8;
        }
    </style>
</head>
<body>
<div class="header">库存管理</div>
<div class="container">
    <div class="features">
        <!-- 库存查询 -->
        <div class="feature-card">
            <div class="feature-icon">🔍</div>
            <h2 class="feature-title">库存查询</h2>
            <p class="feature-description">实时查询商品库存情况，支持多种筛选条件。</p>
            <a href="stock_manage_query.jsp" class="btn">进入查询</a>
        </div>

        <!-- 入库管理 -->
        <div class="feature-card">
            <div class="feature-icon">📥</div>
            <h2 class="feature-title">入库管理</h2>
            <p class="feature-description">管理商品入库流程，记录入库信息，跟踪入库订单状态。</p>
            <a href="stock_manage_in.jsp" class="btn">进入管理</a>
        </div>

        <!-- 出库管理 -->
        <div class="feature-card">
            <div class="feature-icon">📤</div>
            <h2 class="feature-title">出库管理</h2>
            <p class="feature-description">处理商品出库业务，记录出库明细，管理出库订单流程。</p>
            <a href="stock_manage_out.jsp" class="btn">进入管理</a>
        </div>

        <!-- 库存预警 -->
        <div class="feature-card">
            <div class="feature-icon">⚠️</div>
            <h2 class="feature-title">库存预警</h2>
            <p class="feature-description">设置库存预警阈值，及时获取库存不足或过剩提醒。</p>
            <a href="stock_manage_warn.jsp" class="btn">查看预警</a>
        </div>
    </div>
</div>
</body>
</html>
